///**
// * @desc: form表单样式
// * @author zhangqiang
// * @date 2022/1/14
//*/
//
///*输入框*/
//.el-dialog__body {
//    .el-input__inner {
//        background-color: $--color-input-bg;
//        color: $--color-input-color;
//    }
//}
//
//.el-slider__bar {
//    background-color: $--color-primaryBtn-bg;
//}
//
//.el-slider__button {
//    border-color: $--color-primaryBtn-bg;
//}
//
//.el-slider__marks-text {
//    margin-top: 10px;
//}
//.el-input__inner {
//    font-size: 16px;
//    font-family: MicrosoftYaHei;
//    height: 34px;
//    line-height: 34px;
//    background-color: $--color-input-bg;
//    color: $--color-input-color;
//    //border: solid 1px $--color-input-bg;
//    border-radius: 2px;
//    //border: none;
//    padding-left: 10px;
//
//    &.el-range-editor {
//        width: 320px;
//    }
//}
//
//.el-select .el-input__inner:focus, .el-input .el-input__inner:focus {
//    border-color: $--color-inputFocusBorder-color;
//}
//
//.el-input__icon {
//    line-height: 34px;
//}
//
//// 下拉框的右边箭头样式
//.el-select .el-input .el-select__caret {
//    color: $--color-inputPlaceholder-color;
//    font-weight: bold;
//}
//
///* input中 placeholder字体颜色 */
//input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
//    color: $--color-inputPlaceholder-color !important;
//    font-size: 16px;
//}
//
//input:-ms-input-placeholder, textarea::-webkit-input-placeholder { // IE 10 +
//    color: $--color-inputPlaceholder-color !important;
//    font-size: 16px;
//}
//
//input:-moz-placeholder, textarea::-webkit-input-placeholder { // Firefox 4 -18
//    color: $--color-inputPlaceholder-color !important;
//    font-size: 16px;
//}
//
//input::-moz-placeholder, textarea::-webkit-input-placeholder { // Firefox 19 +
//    color: $--color-inputPlaceholder-color !important;
//    font-size: 16px;
//}
///* form 查询表单区域样式 */
.wrapperform {
    padding: 10px 10px 0 10px;
    background-color: $--color-form-bg;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    //.el-form {
    //    //display: flex;
    //    position: relative;
    //}
}
//
//.wrapperform-box {
//    .high-ranking {
//        font-size: 14px;
//    }
//}
//
//.el-form {
//    .el-form-item {
//        margin-bottom: 20px;
//        margin-right: 20px;
//        .el-form-item__label {
//            font-size: 16px;
//            margin-right: 10px;
//            line-height: 34px;
//            color: $--color-text-color;
//            width: 110px;
//            padding: 0;
//        }
//    }
//
//    .el-form-item__content {
//        line-height: 34px;
//    }
//
//}
//
///* 配置查询表单跟随屏幕宽度进行自定义适配*/
//.el-form.wrapperform-box {
//    width: 100%;
//    flex-wrap: wrap;
//
//    .el-form-item {
//        width: calc((100% - 100px) / 4);
//        height: 34px;
//        display: flex;
//        margin-right: 0;
//        margin-left: 20px;
//    }
//
//    .el-form-item__content {
//        flex: 1;
//    }
//    .el-date-editor {
//        width: 100%;
//    }
//
//    .el-input__inner {
//        width: 100%;
//    }
//
//    /* 查询按钮item永远显示在最右侧 */
//    .el-form-item.serachbox {
//        max-width: initial;
//        flex: 1;
//        margin-left: 0;
//        margin-right: 20px;
//        // 一行只有按钮显示时
//        &.oneRow {
//            position: relative;
//            width: 100%;
//            max-width: 100%;
//        }
//
//        .el-form-item__content {
//            display: flex;
//            justify-content: flex-end;
//        }
//    }
//
//    /* 默认隐藏超出两行的查询条件 */
//    .el-form-item.mryc-form {
//        display: none;
//
//        &.active {
//            display: flex;
//        }
//    }
//}
//
///* 当分辨率为 1366px - 1920px  */
//@media screen and (min-width: 1366px) and (max-width: 1920px) {
//    .el-form.wrapperform-box {
//        .el-form-item {
//            width: calc((100% - 100px) / 4);
//        }
//    }
//}
//
///* 当分辨率为 1921px - 2560px  */
//@media screen and (min-width: 1921px) and (max-width: 2560px) {
//    .el-form.wrapperform-box {
//        .el-form-item {
//            width: calc((100% - 120px) / 5);
//        }
//    }
//}
//
///* 当分辨率为 2561px - 2800px  */
//@media screen and (min-width: 2561px) and (max-width: 2800px) {
//    .el-form.wrapperform-box {
//        .el-form-item {
//            width: calc((100% - 140px) / 6);
//        }
//    }
//}
//
///* 当分辨率为 2801px - 3200px  */
//@media screen and (min-width: 2801px) and (max-width: 3200px) {
//    .el-form.wrapperform-box {
//        .el-form-item {
//            width: calc((100% - 160px) / 7);
//        }
//    }
//}
//
///* 当分辨率为大于 3200 */
//@media screen and (min-width: 3201px) {
//    .el-form.wrapperform-box {
//        .el-form-item {
//            width: calc((100% - 160px) / 7);
//        }
//    }
//}
//
///* 展开收起文字样式 */
//.sq-zk {
//    display: none;
//    font-size: 16px;
//    color: $--color-primaryBtn-bg;
//    cursor: pointer;
//    margin-left: 60px;
//
//    &:hover {
//        color: $--color-primaryBtnHover-bg;
//    }
//}
//
///* select下拉框选项 */
//.el-select {
//    .el-select-dropdown {
//        left: 0 !important;
//    }
//}
//
//.el-select-dropdown {
//    background: $--color-timePicker-bg;
//    border-color: $--color-timePicker-bg;
//    //left: 0 !important;
//
//    .popper__arrow {
//        border-bottom-color: $--color-timePicker-bg !important;
//
//        &::after {
//            border-bottom-color: $--color-timePicker-bg !important;
//        }
//    }
//}
//
//.el-select-dropdown__item, .el-select-dropdown__item.selected {
//    font-size: 16px;
//    height: 40px;
//    line-height: 40px;
//    padding: 0 10px;
//    color: $--color-dropMenu-bg;
//}
//
//.el-select-dropdown__item.hover, .el-select-dropdown__item.selected {
//    background: $--color-selectHover-bg !important;
//    color: $--color-dropMenuHover-color !important;
//}
//
//.el-input {
//    position: relative;
//}
//
//.el-input--suffix {
//    .el-input__inner {
//        padding-right: 10px;
//    }
//}
//
//.el-checkbox__label, .el-radio__label {
//    color: $--color-text-color;
//}
//
//.row-flex {
//    .el-input__inner {
//        width: 90px !important;
//    }
//}
//
//.fromdiv {
//    .el-input__inner {
//        background: transparent;
//        color: #fff;
//    }
//}
//
//.el-date-editor {
//    &.el-input {
//        width: auto;
//    }
//
//    .el-input__prefix, .el-input__suffix {
//        color: $--color-inputPlaceholder-color;
//    }
//
//    &.el-input__inner {
//        //width: 220px;
//    }
//
//    .el-range-input {
//        background: transparent;
//        color: $--color-input-color;
//        font-size: 16px;
//        height: 30px;
//        text-overflow: ellipsis;
//    }
//
//    .el-range__icon {
//        height: auto;
//    }
//
//    .el-range__close-icon {
//        height: 30px;
//        line-height: 30px;
//        color: $--color-inputPlaceholder-color;
//    }
//
//    .el-range-separator {
//        color: $--color-inputPlaceholder-color;
//        margin-top: -10px;
//        padding: 0px;
//    }
//}
//
//.sqdialog .el-form .el-input__inner.el-range-editor {
//    //width: 400px;
//}
//
//
///*switch按钮设置*/
//.el-switch {
//    .el-switch__core {
//        /* 默认状态样式 */
//        border-color: $--color-switch-bg !important;
//        background-color: $--color-switch-bg !important;
//        height: 24px;
//        border-radius: 14px;
//        width: 46px !important;
//
//        &:before {
//            content: '';
//            position: absolute;
//            right: 6px;
//            top: 1px;
//            font-size: 13px;
//        }
//
//        &:after {
//            top: 0px;
//            width: 22px;
//            height: 22px;
//            background: #fff;
//        }
//    }
//
//    /* 选中状态样式 */
//    &.is-checked {
//        .el-switch__core {
//            border-color: $--color-primaryBtn-bg !important;
//            background-color: $--color-primaryBtn-bg !important;
//
//            &:before {
//                content: '';
//                position: absolute;
//                left: 6px;
//                top: 1px;
//                font-size: 14px;
//            }
//
//            &:after {
//                left: 100%;
//                margin-left: -22px;
//            }
//        }
//    }
//}
//
//.el-select {
//    .el-tag {
//        background-color: rgba(155, 171, 185, 0.3);
//        color: #cacaca;
//    }
//
//    .el-tag__close.el-icon-close {
//        border: none;
//        border-radius: 50%;
//        background-color: rgba(1, 11, 35, 0.26);
//        color: #fff !important;
//    }
//}
//
//.el-tag--small .el-icon-close {
//    -webkit-transform: scale(.9);
//    transform: scale(.9);
//}
//
///* 首页组件时间插件样式 */
//.date-select-box {
//    display: inline-block;
//    width: 340px;
//}
//.el-range-editor.is-active,
//.el-range-editor.is-active:hover {
//    border-color: transparent;
//}
////此样式会导致下拉框展开时，把下方的元素挤错位的问题
////.el-select .el-input__inner:focus {
////    line-height: 30px;
////}
//
//.el-select-dropdown__list {
//    padding: 0;
//}
//
////.el-form-item__content .el-select .el-input.is-focus .el-input__inner {
////    border-color: $--color-pagingJump-color;
////}
//
//
//.el-range-editor.is-disabled input {
//    background-color: transparent;
//    color: $--color-text-color;
//}
//
//.el-range-editor.is-disabled {
//    border-color: transparent;
//}
//
//.el-range-editor.is-disabled:focus,
//.el-range-editor.is-disabled:hover {
//    border-color: transparent;
//}
//
//.el-textarea__inner {
//    min-height: 80px !important;
//    min-width: 260px;
//    background-color: $--color-input-bg;
//    //border: 1px solid $--color-input-bg;
//    color: $--color-input-color;
//    border-radius: 4px;
//    font-family: MicrosoftYaHei;
//    font-size: 16px;
//    padding-left: 10px;
//}
//
//.el-textarea__inner:focus {
//    border: 1px solid $--color-pagingJump-color !important;
//}
//
//textarea {
//    font-size: 14px;
//    padding: 5px 10px;
//    background-color: $--color-input-bg;
//    width: 100%;
//    outline: none;
//    color: #fff;
//    border-radius: 6px;
//}
//
//// TODO 带 bjFormBox class 的样式，只适用于弹窗中 form 表单的样式
//// TODO 弹窗中 form 与 查询有间距区别
//.pop-form-box {
//    .el-form-item {
//        margin-right: 0;
//        //margin-bottom: 26px;
//    }
//
//    .el-form-item {
//        margin-right: 0;
//
//        .el-form-item__content {
//            & > .el-select, & > .el-textarea, & > .el-input, & > .el-textarea__inner, .el-range-editor {
//                //width: calc(100% - 1px);
//                //min-width: 260px
//            }
//        }
//    }
//
//    .el-form-item .el-form-item__label {
//        margin-right: 0;
//        padding-right: 10px;
//    }
//
//    .footBtnBox {
//        display: flex;
//        justify-content: center;
//        margin-top: 30px;
//    }
//}
//// 只有一列显示时的form展示--适用于弹窗中较简单的录入的操作
//.one-column-form{
//    .el-form-item {
//        margin-right: 0;
//        //margin-bottom: 26px;
//        width: 100%;
//        display: flex;
//        align-items: center;
//        .el-form-item__content{
//            flex: 1;
//            & > .el-select, & > .el-textarea, & > .el-input, & > .el-textarea__inner, .el-range-editor {
//                min-width: 260px;
//                width: 100%;
//            }
//        }
//    }
//}
//// checkBox样式
//.el-checkbox {
//    margin-right: 16px;
//}
//
//.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
//    background-color: $--color-primaryBtn-bg;
//    border-color: $--color-primaryBtn-bg;
//}
//
//.el-checkbox__inner {
//    color: $--color-text-color;
//    // background-color: transparent;
//    border-color: $--color-checkboxBorder-color;
//    width: 18px;
//    height: 18px;
//
//    &:focus,
//    &:hover {
//        border-color: $--color-checkboxBorder-color;
//    }
//}
//
//.el-checkbox__inner::after {
//    height: 10px;
//    left: 7px;
//    border-width: 2px;
//}
//
//.el-checkbox__input.is-checked + .el-checkbox__label {
//    color: $--color-primaryBtn-bg;
//}
//
//// 单选框样式
//.el-radio__inner {
//    width: 18px;
//    height: 18px;
//    background: transparent;
//    border-color: $--color-checkboxBorder-color;
//
//    &:hover {
//        border-color: $--color-checkboxBorder-color;
//    }
//}
//.el-input-number__decrease:hover, .el-input-number__increase:hover{
//    color: $--color-text-color;
//}
//.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){
//    border-color: #C0C4CC;
//}
//.el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled){
//    border-color: #C0C4CC;
//}
//
//.el-radio__inner::after {
//    width: 6px;
//    height: 6px;
//}
//
//.el-radio__input.is-checked .el-radio__inner {
//    border-color: $--color-primaryBtn-bg;
//    background: $--color-primaryBtn-bg;
//}
//
//.el-radio__input.is-checked + .el-radio__label {
//    color: $--color-primaryBtn-bg;
//}
//
///* 多选下拉框选中在input中展示的  span */
//.el-select .el-tag {
//    background-color: $--color-pagingJump-bg;
//    border-color: $--color-pagingJump-bg;
//    color: $--color-pagingJump-color;
//    border-radius: 2px;
//    padding: 0 14px;
//    font-size: 16px;
//}
//
//.el-select__tags {
//    margin-left: 5px;
//}
//
////.el-tag .el-icon-close {
////    border-radius: 0;
////    background: $--color-primaryBtn-bg !important;
////}
//
//.el-select__tags {
//    height: 34px;
//    overflow: auto;
//}
//
//.form-button {
//    margin-left: 20px;
//    margin-right: 0;
//}
//
///* 校验文字 */
//.el-form-item__error {
//    //font-size: 16px;
//}
//
//// 树形结构样式
//.el-tree {
//    background: transparent;
//    color: $--color-text-color;
//}
//
//.el-tree-node__content {
//    height: 35px;
//    line-height: 35px;
//}
//
//.el-tree-node__label {
//    font-size: 16px;
//}
//
//.el-tree-node__label span {
//    display: inline-block;
//    height: 35px;
//    line-height: 35px;
//}
//
////.el-tree-node__content:hover {
////    background-color: $--color-defaultBtnHover-bg;
////}
//.el-tree-node:focus > .el-tree-node__content {
//    background-color: $--color-tableRow-bg;
//}
//.zj-form-box {
//    width: 100%;
//}
//
//.zj-form-box .wrapperform {
//    box-shadow: none;
//    padding: 0;
//}
////  开关  有文字版
////.has-text {
////    .el-switch {
////        .el-switch__core {
////            width: 64px !important;
////            background-color: $--color-switch-bg !important;
////            //background-color: #afb2bd !important;
////        }
////        /* 激活时另一个文字消失 */
////        .el-switch__label {
////            display: none;
////        }
////        .el-switch__label.is-active {
////            display: block;
////        }
////        .el-switch__label--left {
////            position: absolute;
////            z-index: 1;
////            left: 26px;
////            margin-right: 0px;
////            color: #fff;
////            span {
////                font-size: 14px;
////            }
////        }
////
////        .el-switch__label--right {
////            position: absolute;
////            z-index: 1;
////            right: 26px;
////            margin-left: 0px;
////            color: #fff;
////
////            span {
////                font-size: 14px;
////            }
////        }
////
////        .el-switch__core:after {
////            width: 20px;
////            height: 20px;
////            top: 1px;
////        }
////
////        .el-switch__core:after {
////            width: 20px;
////            height: 20px;
////            top: 1px;
////        }
////
////        &.is-checked .el-switch__core {
////            background-color: $--color-primaryBtn-bg !important;
////        }
////    }
////
////    ::v-deep .el-switch__label--right {
////        position: absolute;
////        z-index: 1;
////        right: 26px;
////        margin-left: 0px;
////        color: rgba(255, 255, 255, 1);
////
////        span {
////            font-size: 14px;
////        }
////    }
////
////    ::v-deep .el-switch .el-switch__core:after {
////        width: 20px;
////        height: 20px;
////        top: 1px;
////    }
////
////    ::v-deep .el-switch .el-switch__core {
////        background-color: $--color-switch-bg !important;
////    }
////
////    ::v-deep .el-switch.is-checked .el-switch__core {
////        background-color: $--color-primaryBtn-bg !important;
////    }
////}
//
//.el-input--prefix .el-input__inner {
//    padding-left: 30px !important;
//}
//
///* 为input,select,textarea,checkbox,raido设置禁用状态 S*/
// .el-input.is-disabled .el-input__inner:hover,
//.el-input.is-disabled .el-input__inner,
//.el-textarea.is-disabled .el-textarea__inner,
//.el-checkbox__input.is-disabled .el-checkbox__inner,
//.el-radio__input.is-disabled .el-radio__inner,
//.el-radio__input.is-disabled.is-checked .el-radio__inner,
//.el-range-editor.is-disabled {
//    background-color: $--color-inputDisabled-bg;
//    //border-color: $--color-inputDisabled-bg !important;
//    color: $--color-disabledBtn-color;
//}
//.el-range-editor.is-disabled input {
//    color: $--color-disabledBtn-color;
//}
//.el-range-editor.is-disabled .el-range-separator {
//    color: $--color-disabledBtn-color;
//}
///* 时间选择器禁用状态下图标 */
//.el-date-editor .el-range__icon {
//    color: $--color-disabledBtn-color !important;
//}
///*禁用状态 E*/
//
///* 级联选择器 */
//.el-cascader__dropdown {
//    background-color: $--color-timePicker-bg;
//    border: none;
//    &.el-popper[x-placement^=bottom] .popper__arrow {
//        border-bottom-color: $--color-timePicker-bg;
//        &::after {
//            border-bottom-color: $--color-timePicker-bg;
//        }
//    }
//    .el-cascader-node:not(.is-disabled):focus,
//    .el-cascader-node:not(.is-disabled):hover {
//        background: $--color-selectHover-bg !important;
//        color: $--color-dropMenuHover-color !important;
//    }
//    .el-cascader-node.in-active-path,
//    .el-cascader-node.is-active,
//    .el-cascader-node.is-selectable.in-checked-path {
//        background: $--color-selectHover-bg !important;
//        color: $--color-dropMenuHover-color !important;
//    }
//    .el-cascader__empty-text {
//        color: $--color-routerTag-color;
//    }
//}
//.el-cascader {
//    .el-cascader__tags {
//        height: 34px;
//        overflow: auto;
//        .el-tag {
//            background-color: $--color-pagingJump-bg;
//            border-color: $--color-pagingJump-bg;
//            color: $--color-pagingJump-color;
//            .el-icon-close {
//                border-radius: 50%
//            }
//        }
//        .el-cascader__search-input {
//            color: $--color-input-color;
//            background-color: $--color-input-bg;
//            margin-left: 10px;
//            margin-top: 5px;
//        }
//    }
//    .el-input__inner{
//        height: 34px !important;
//        line-height: 34px !important;
//    }
//}
//.el-select {
//    width: 100% !important;
//}
